<template>
	<view class="control">
		<!-- <view class="teaching flex-space-between">
			<view class="scheduleStatistic_s">
				<view class="coachSchedule">
					<image :src="coachingCenter" style="width: 330rpx;height: 184rpx;border-radius: 30rpx;" mode="">
					</image>
					<view class="calendars" @click="openCoach">
						<van-image height="80rpx" width="80rpx" :src="coach_list.coach_avatar" round mode="aspectFit" />
					</view>
					<view class="info" @click="openCoach">
						<view class="title">{{coach_list.full_name}}</view>
						<view class="desc" v-if="coach_list.sex == 0">未知</view>
						<view class="desc" v-if="coach_list.sex == 1">男</view>
						<view class="desc" v-if="coach_list.sex == 2">女</view>
					</view>
					<view class="calendar">
						<van-image height="30rpx" width="50rpx" :src="houer" mode="aspectFit" @click="onSwitch" />
					</view>
				</view>
			</view>
			<view class="scheduleStatistics" @click="openSchendule">
				<view class="coachSchedule">
					<image :src="coachSchedule" style="width: 330rpx;height: 184rpx;border-radius: 30rpx;" mode="">
					</image>
					<view class="info">
						<view class="title">教练课表</view>
						<view class="desc">学员团课、私教预约</view>
					</view>
					<view class="calendar">
						<van-image height="66rpx" width="66rpx" :src="calendar" mode="aspectFit" />
					</view>
				</view>
			</view>
		</view> -->
		<view class=""
			style="width: 100%;height: 180rpx;background-color: #fff;position: relative;top: 0;z-index: 999;">
			<view class="con-1">
				<view class="bg">
					<view class="address">
						<view class="flex-space-between">
							<view class="flex-align">
								<van-image height="80rpx" width="80rpx" :src="coach_list.coach_avatar" round mode="aspectFit" />
								<view style="margin-left: 10rpx;">
									<view class="title">{{coach_list.full_name}}</view>
									<view class="desc" v-if="coach_list.sex == 0">未知</view>
									<view class="desc" v-if="coach_list.sex == 1">男</view>
									<view class="desc" v-if="coach_list.sex == 2">女</view>
									<view class="desc">{{itemChooselist.venue_name}}</view>
									<!-- <view class="address-desc">地址:{{itemChooselist.address}}</view> -->
								</view>
							</view>
							<view class="exchange flex-center flex-column " @click="show_no">
								<van-icon name="exchange" size="16" />
								切换
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- Tab切换部分 -->
		<van-tabs :active="tabIndex" color="rgb(99,93,247)" sticky @click="tabClick()">
			<van-tab :title="item.name" v-for="(item,index) in tabList" :key="index">
				<!-- 数据列表 -->
				<!-- train_enum_id == 1  短训培训班-->
				<!-- train_enum_id == 2 长训-->
				<!-- train_enum_id == 3 小班-->
				<view>
					<view class="dataList" v-if="tabIndex == 0">
						<view class="card" v-for="(items,indexs) in 5" @click="classHomepage(items,indexs,1)"
							:key="indexs">
							<view class="topBox flex-align flex-space-between">
								<view class="label2">
									<text>2025-10-20</text>
								</view>
								<view class="title">
									<text>待上课/已上课</text>
								</view>
							</view>

							<view class="topBox_class flex-align flex-space-between">
								<view class="label">
									<text>课程名称</text>
								</view>
								<view class="title">
									<text>校区+教室</text>
								</view>
							</view>

							<view class="topBox_class flex-align flex-space-between">
								<view class="label">
									<text>班级名称(可为空)(类型)</text>
								</view>
								<view class="title">
									<text>应道实到--人</text>
								</view>
							</view>
						</view>
					</view>

					<view class="dataList" v-if="tabIndex == 1">
						<view class="card" v-for="(items,indexs) in 2" @click="classHomepage(items,indexs,2)"
							:key="indexs">
							<view class="topBox flex-align flex-space-between">
								<view class="label2">
									<text>2025-10-20</text>
								</view>
								<view class="title">
									<text>待上课/已上课</text>
								</view>
							</view>

							<view class="topBox_class flex-align flex-space-between">
								<view class="label">
									<text>课程名称</text>
								</view>
								<view class="title">
									<text>校区+教室</text>
								</view>
							</view>

							<view class="topBox_class flex-align flex-space-between">
								<view class="label">
									<text>班级名称(可为空)(类型)</text>
								</view>
								<view class="title">
									<text>应道实到--人</text>
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- <u-empty v-else text="暂无数据" icon="http://cdn.uviewui.com/uview/empty/data.png" /> -->
			</van-tab>
		</van-tabs>
		<u-popup :show="showChooseStudent" mode="center" @close="showChooseStudent = false" :safeAreaInsetBottom="false"
			round="20rpx" closeable customStyle="width: 90%;">
			<view class="choose-student">
				<view class="title"> 切换教练 </view>

				<scroll-view class="student-list" scroll-y>
					<view v-for="(item, index) in 3" :key="item.id" class="student-item flex-align"
						@click="chooseStudent(index, item.id)">
						<u-avatar size="100rpx"
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/32a9f058e75294fa8f6fed6d06c9184c9ef50908.png">
						</u-avatar>
						<view style="margin-left: 30rpx">
							<view class="flex-align">
								<view class="name">王紫嫣</view>
								<view class="name_s">22</view>
								<view class="course_s">从业十年</view>

								<!-- <u-icon :name="item.student_info['性别'] === '男' ? 'man' : 'woman'" size="30rpx" :color="
		                item.student_info['性别'] === '男' ? '#016dff' : '#ff0178'
		              "></u-icon> -->
							</view>
							<view class="course">王紫嫣石国内资深得游泳教练，曾获得多斯全国大赛冠军</view>
						</view>
					</view>
				</scroll-view>
			</view>
		</u-popup>

		<van-popup closeable :show="show" round position="bottom" get-container="body" @close="showclose"
			:z-index='9999'>
			<view class="good-box">
				<view class="title">
					<text @click="venuetag" :class="{ act_s: act === 1 }">选择场馆</text>
					<text @click="coachtag" :class="{ act_s: act ===2 }" style="margin-left: 20rpx;"
						v-if="coach_if">选择教练</text>
					<!-- <van-row class="dates text-center">
						<van-col v-for="item in datelist" :key="item.value" :span="6">
							<view class="date-item" :class="{ active: dateActive === item.value }" @click="dataslist(item)">
								{{ item.label }}
							</view>
						</van-col>
					</van-row> -->
				</view>
				<view class="good-list">
					<!-- <van-radio-group :value="radio" @change="onChange"> -->
					<view class="good-item" v-for="(item,index) in venuelist" :key="index" @click="onChangelist(item)"
						v-if="venue_if">
						<!-- <van-radio :name="index" :value="index" color="#2f75fa"
								:checked="index == 0 ? true : false"> -->
						<view class="flex-align">
							<van-image width="124rpx" height="124rpx" radius="10rpx" fit="cover"
								v-if="item.venue_thumb != ''" :src="item.venue_thumb" />
							<van-image v-else width="124rpx" height="124rpx" radius="10rpx" fit="cover"
								src="https://img.yzcdn.cn/vant/cat.jpeg" />
							<!-- <view class="info">
										<view class="name">{{item.venue_name}}</view>
										<view class="flex-align">
											<view class="tag">票务</view>
											<view class="tag">篮球</view>
											
										</view>
										
										<view class="address">{{item.address}}</view>
									</view> -->
							<view class="info">
								<view class="name">{{item.venue_name}}</view>
								<view class="flex-align" v-if="item.project_list != ''">
									<view class="tag" v-if="item.project_list[0].name != ''">
										{{item.project_list[0].name}}
									</view>
									<view class="tag" v-if="item.project_list[1].name != '' && item.project_list[1]">
										{{item.project_list[1].name}}
									</view>
									<view class="tag" v-if="item.project_list[2].name != ''&& item.project_list[2]">
										{{item.project_list[2].name}}
									</view>
								</view>
								<view class="address">{{item.address}}</view>
							</view>
						</view>
						<!-- </van-radio> -->
					</view>
					<scroll-view class="student-list" scroll-y v-if="coach_if">
						<view v-for="(item,index) in coachlist" :key="index" @click="chooseStudent(item)"
							class="student-item flex-align">
							<u-avatar size="100rpx" :src="item.coach_avatar">
							</u-avatar>
							<view style="margin-left: 30rpx">
								<view class="flex-align">
									<view class="name">{{item.full_name}}</view>
									<view class="name_s">{{item.age}}</view>
									<view class="course_s" v-if="item.sex == 0">未知</view>
									<view class="course_s" v-if="item.sex == 1">男</view>
									<view class="course_s" v-if="item.sex == 2">女</view>

									<!-- <u-icon :name="item.student_info['性别'] === '男' ? 'man' : 'woman'" size="30rpx" :color="
						        item.student_info['性别'] === '男' ? '#016dff' : '#ff0178'
						      "></u-icon> -->
								</view>
								<view class="course">{{item.coach_honor}}</view>
							</view>
						</view>
					</scroll-view>
					<!-- </van-radio-group> -->
				</view>

			</view>
		</van-popup>
		<u-popup @touchmove.stop :show="enrollDetailPopup" @close="closehomeInfo" closeOnClickOverlay mode="center"
			:safeAreaInsetBottom="false" round="10">
			<scroll-view class="storepopup" style="height: 70vh;padding: 20rpx 20rpx;width: 600rpx;" scroll-y>
				<view class="title flex-between">
					<text>课程信息</text>
					<u-icon @click="closehomeInfo" name="close-circle-fill" color="#dde3e8" size="18"></u-icon>
				</view>
				<view class="enroll-detail-popup">
					<view class="enroll-detail-title">
						<view class="">
							课程详情
						</view>
						<view class="tag flex-align"
							style="font-size: 22rpx;color: #2F75FA;background-color: #d5e3fe;border-radius: 8rpx;padding: 5rpx 10rpx;margin-left: 20rpx;">
							待上课
						</view>
					</view>
					<view class=""
						style="background-color: #f4f4f4;padding: 30rpx;border-radius: 10rpx;width: 96%;margin-left: 2%;margin-top: 20rpx;font-size: 24rpx;">
						<view class="">
							2月20号
						</view>
						<view class="">
							09:00-10:00
						</view>
						<view class="">
							瑜伽馆A区
						</view>
					</view>
					<view class=""
						style="background-color: #f4f4f4;padding: 30rpx;border-radius: 10rpx;width: 96%;margin-left: 2%;margin-top: 20rpx;font-size: 24rpx;">
						<view class="">
							班级信息
						</view>
						<view class="">
							晨练A班
						</view>
						<view class="">
							应道15人
						</view>
					</view>
					<view class=""
						style="background-color: #f4f4f4;padding: 30rpx;border-radius: 10rpx;width: 96%;margin-left: 2%;margin-top: 20rpx;font-size: 24rpx;">
						<view class="">
							课程类型
						</view>
						<view class="">
							瑜伽课程
						</view>
					</view>
					<view class=""
						style="background-color: #f4f4f4;padding: 30rpx;border-radius: 10rpx;width: 96%;margin-left: 2%;margin-top: 20rpx;font-size: 24rpx;">
						<view class="">
							余科信息
						</view>
						<view class="">
							剩余12节课
						</view>
						<view class="">
							课程包：高级私教课程30节
						</view>
					</view>
					<view class=""
						style="background-color: #f4f4f4;padding: 30rpx;border-radius: 10rpx;width: 96%;margin-left: 2%;margin-top: 20rpx;font-size: 24rpx;">
						<view class="">
							实到学员名单0人
						</view>
						<!-- <view class="">
							课程未开始，暂无签到记录
						</view> -->
						<view v-for="item in 5"
							style="background-color: #ffffff;padding: 20rpx;border-radius: 10rpx;width: 100%;margin-top: 20rpx;font-size: 24rpx;display: flex; flex-direction: row; justify-content: space-between; align-items: center; ">
							<view class="" style="display: flex; flex-direction: row; align-items: center; ">
								<view class="">
									<image style="width: 50rpx;height: 50rpx;border-radius: 50% 50%;"
										src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/a9/fb76483ea77de70d5d3234ca72d639.jpg?attname=%E8%A7%A3%E8%AF%B4%E5%A4%B4%E5%83%8F+%283%29.jpg"
										mode=""></image>
								</view>
								<view class="" style="display: flex; flex-direction: column;margin-left: 10rpx;">
									<view class="">
										陈思远
									</view>
									<view class="">
										m12534561215
									</view>
								</view>
							</view>
							<view class="">
								<view class="">
									剩余15课时
								</view>
							</view>
						</view>
					</view>
				</view>
			</scroll-view>
		</u-popup>
		<!-- <view class="d-flex flex-row justify-space-between justify-center align-center"
			style="position: fixed;bottom: 0;height: 120rpx;background-color: #fff;width: 100%;padding: 0 8%;z-index: 999;">
			<view @click="addlist"
				style="width: 100%;height: 80rpx;background: linear-gradient(0deg, rgba(214, 53, 53, 0.9), rgba(255, 64, 64, 0.93), rgba(250, 142, 142, 0.93));color: #ffffff;font-size: 24rpx;text-align: center;border-radius: 35rpx;line-height: 80rpx;">
				添加课表
			</view>
		</view> -->
	</view>
</template>

<script>
	const personal = require("@/api/personal/index.js");
	export default {
		components: {},
		data() {
			return {
				dateActive: '5',
				datelist: [{
						label: '选择场馆',
						value: '5'
					},
					{
						label: '选择教练',
						value: '6'
					}
				],
				coachingCenter: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/a8c5d5570ef099a3f39fe646d55679b33052c06d.png',
				coachingleft: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/57a2a7f3c4c5efe8006095dc3ca4a47ef794d6ef.png',
				coachSchedule: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/85ff19fd7505ae717a76606067e412e5635f7aea.png',
				teachingStatistics: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/ae854127010e24f2eb00b2c137458b37400a16ba.png',
				house: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/c3982fd78f1c7f8d15a91874b46ab5e01807dfbd.png',
				calendar: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/c0e0217505e5371262909db51a1820185bf2bd8d.png',
				pie: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/782cf5cde63dddaa6434ab862fc4808066e329b2.png',
				houer: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/6641d779a077776e26f76f744ed87e29bdfbf785.png',
				hover: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/3381fedd3d529ba2ef8f9d8f4d3794fc4b9021ad.png',
				tabList: [{
						name: '进行中',
					},
					// {
					// 	name: '待排班',
					// },
					// {
					// 	name: '待开班',
					// },
					{
						name: '上课记录',
					}
				],
				scroll: 0,
				tabIndex: 0,
				peopleNum: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/fab46129bf215ce02111a09d852080228fb9cd1d.png',
				classNum: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/cafd71dcd9cf92b6c7d1194d50beaffe898d5c01.png',
				classHour: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/7ffa97dd5d09012375992649443218cd8d9a15b0.png',
				go: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/2acd249f3bb0ac8c614e558516520d8978af4938.png',
				showChooseStudent: false,
				studentList: [{},
					{},
					{},
					{}
				],
				venuelist: [], //场馆列表
				itemChoose: {}, // 场馆数据
				itemChooselist: {}, // 场馆数据
				show: false,
				venue_if: true,
				coach_if: false,
				coachlist: [],
				coach_list: {},
				listQuery: { //分页
					pageNo: 1,
					pageSize: 6,
				},
				totalPage: '', //几页
				tabIndex_list: 2,
				classeslist: [],
				act: 1,
				todaylist: '',
				enrollDetailPopup: false,
				show: false
			}
		},
		onLoad() {
			if (uni.getStorageSync("entry_name") == '') {
				uni.showToast({
					title: '请登录！',
					icon: 'exception',
					duration: 850
				});
				setTimeout(() => {
					uni.navigateTo({
						url: '/pages/my-center/my-center'
					})
				}, 1000);
			}
			var data = uni.getStorageSync("wqzdy");
			var items = JSON.parse(data)
			this.venuelist = items
			this.itemChooselist = this.venuelist[0]
			this.coachindex()
			var _this = this
			var now = new Date()
			var y = now.getFullYear()
			var m = now.getMonth() + 1
			var d = now.getDate()
			var h = now.getHours(); //获取当前小时数(0-23)
			var min = now.getMinutes(); //获取当前分钟数(0-59)
			if (m < 10) {
				m = '0' + m
			}
			if (d < 10) {
				d = '0' + d
			}
			if (h < 10) {
				h = '0' + h
			}
			if (min < 10) {
				min = '0' + min
			}
			var date = m + '/' + d
			var date_s = m + '-' + d
			this.todaylist = y + '-' + m + '-' + d
		},
		methods: {
			// 选中场馆
			onChangelist(item) {
				this.itemChoose = item
				this.lineChartData = []
				this.itemChooselist = this.itemChoose
				this.show = false
			},
			// 点击切换
			show_no() {
				this.show = true
			},
			// 关闭选择场馆弹窗
			showclose() {
				this.show = false
			},
			closehomeInfo() {
				this.enrollDetailPopup = false
			},
			// 渲染第一个教练
			async coachindex() {
				let params = {
					app_id: this.$https.weixinAppId,
					project_id: uni.getStorageSync('project_id'),
					venue_id: this.itemChooselist.id,
				};
				let res = await personal.coachindex(params);
				if (res.code == 1) {
					this.coach_list = res.data[0]
					this.classes()
				}
			},
			dataslist(item) {
				this.dateActive = item.value
				if (item.value == 5) {
					this.venue_if = true
					this.coach_if = false
					this.coachlist = []
				} else if (item.value == 6) {
					this.venue_if = false
					this.coach_if = true
				}
			},
			// 选择场馆
			venuetag() {
				this.act = 1
				this.venue_if = true
				this.coach_if = false
				this.coachlist = []
			},
			// 选择教练
			coachtag() {
				this.act = 2
				this.venue_if = false
				this.coach_if = true
			},
			// 切换场馆
			async onChangelist(item) {
				this.act = 2
				this.dateActive = '6'
				this.venue_if = false
				this.coach_if = true
				this.dateActive = 6
				this.itemChoose = item
				this.itemChooselist = this.itemChoose

				let params = {
					app_id: this.$https.weixinAppId,
					project_id: uni.getStorageSync('project_id'),
					venue_id: item.id,
				};
				let res = await personal.coachindex(params);
				if (res.code == 1) {
					this.coachlist = res.data

				}
				// this.show = false
			},
			// 关闭选择教练弹窗
			showclose() {
				this.show = false
			},
			// 弹出选择教练弹窗
			onSwitch() {
				this.show = true
				// this.showChooseStudent = true;

			},
			// 教练班级列表
			async classes() {
				let that = this;
				if (this.listQuery.pageNo === 1) that.classeslist = [];
				let params = {
					app_id: this.$https.weixinAppId,
					coach_id: this.coach_list.id,
					status: this.tabIndex_list,
					page: this.listQuery.pageNo,
					pageSize: this.listQuery.pageSize,
				};
				let res = await personal.classes(params);
				if (res.code == 1) {
					// this.classeslist = res.data.data
					that.classeslist = that.classeslist.concat(res.data.data); //将数据拼接在一起
					that.totalPage = res.data.last_page
				}
			},
			// 下拉刷新
			onReachBottom() {
				if (this.totalPage <= this.listQuery.pageNo) {
					uni.showToast({
						title: '没有更多了',
						duration: 2000,
						icon: 'none'
					});
					return
				}
				this.listQuery.pageNo += 1;
				this.classes()
			},
			chooseStudent(item) {
				this.coach_list = item
				this.show = false
				this.classes()
			},
			// 点击Tab触发
			tabClick(event) {
				this.tabIndex = event.detail.index
				this.tabIndex_list = event.detail.index + 2
				wx.pageScrollTo({
					duration: 0,
					scrollTop: 0,
				})
				this.classes()
			},
			classHomepage(items, indexs, type) {
				this.enrollDetailPopup = true
			},
			addlist() {
				uni.navigateTo({
					url: './detail?venue_id=' + this.itemChooselist.id,
				})
			},
			openCoach() {
				uni.navigateTo({
					url: "/page_admin/coach-side/coach-center/coach-center?coach_id=" + this.coach_list.id
				})
			},
			openClassCount() {
				uni.navigateTo({
					url: "/page_admin/coach-side/class-count/class-count"
				})
			},
			openSchendule() {
				uni.navigateTo({
					url: "/page_admin/coach-side/class-schedule/class-schedule"
				})
				// uni.navigateTo({
				// 	url: "/page_admin/coach-side/class-schedule/class-schedule"
				// })
			},
			management() {
				uni.navigateTo({
					url: "/page_other/management/management"
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.control {
		width: 100%;
	}

	.con-1 {
		width: 100%;
		position: relative;
		padding: 0 20rpx;
		z-index: 999;

		.bg {
			width: 95%;
			height: 134rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 13rpx 57rpx 0rpx rgba(8, 73, 162, 0.11);
			border-radius: 20rpx;
			position: fixed;
			z-index: 999;
			top: 20rpx;

			.address {
				color: #fff;
				padding-top: 20rpx;
				padding-right: 30rpx;
				padding-left: 30rpx;
				height: 150rpx;

				// &-name {
				// 	font-size: 34rpx;
				// 	font-weight: 700;
				// 	line-height: 34rpx;
				// 	font-family: PingFang SC;
				// 	color: #333333;
				// }

				// &-desc {
				// 	margin-top: 18rpx;
				// 	font-size: 22rpx;
				// 	line-height: 22rpx;
				// 	font-family: PingFang SC;
				// 	color: #333333;
				// }

				.exchange {
					width: 100rpx;
					height: 100rpx;
					border-radius: 50%;
					background-color: rgba(0, 0, 0, 0.04);
					color: rgb(0, 0, 0);
					font-size: 24rpx;
				}
				
				.info {
					position: absolute;
					top: 20rpx;
					left: 20rpx;
					// color: #fff;
				}
				
				.title {
					font-weight: bold;
					font-size: 22rpx;
					color: #333333;
				}
				
				.desc {
					font-size: 22rpx;
					margin-top: 8rpx;
					color: #333333;
				}
				
				.house {
					position: absolute;
					bottom: 20rpx;
					right: 20rpx;
				}
			}
		}
	}

	.storepopup {
		.enroll-detail-popup {
			// width: 600rpx;
			// background: #ffffff;
			// border-radius: 16rpx;
			overflow: hidden;
		}

		.enroll-detail-title {
			font-size: 16px;
			color: #333333;
			font-weight: 500;
			text-align: left;
			padding: 30rpx;
			border-bottom: 1px solid #f0f0f0;
			display: flex;
			flex-direction: row;
		}

		.enroll-detail-content {
			padding: 30rpx;
			max-height: 800rpx;
			overflow-y: auto;
		}

		.detail-item {
			display: flex;
			align-items: flex-start;
			margin-bottom: 24rpx;
			line-height: 1.5;
		}

		.detail-item:last-child {
			margin-bottom: 0;
		}

		.detail-label {
			width: 140rpx;
			flex-shrink: 0;
			color: #999999;
			font-size: 14px;
		}

		.detail-value {
			flex: 1;
			color: #333333;
			font-size: 14px;
		}

		.remark-item {
			align-items: flex-start;
		}

		.remark-item .detail-value {
			word-break: break-all;
		}

		.enroll-detail-footer {
			padding: 20rpx 30rpx;
			border-top: 1px solid #f0f0f0;
		}

		.close-btn {
			width: 100%;
			height: 80rpx;
			line-height: 80rpx;
			text-align: center;
			background: #007AFF;
			color: #ffffff;
			font-size: 16px;
			border-radius: 8rpx;
			border: none;
		}
	}

	.choose-student {
		padding: 60rpx 30rpx;

		.title {
			font-size: 36rpx;
			font-weight: bold;
			text-align: center;
		}

		.student-list {
			margin-top: 40rpx;
			max-height: 600rpx;
			min-height: 530rpx;

			.student-item {
				background-color: #f3f3f3;
				padding: 50rpx 40rpx;
				border-radius: 20rpx;
				height: 145rpx;

				&+.student-item {
					margin-top: 30rpx;
				}

				.name {
					font-size: 23rpx;
					font-weight: bold;
					margin-right: 20rpx;

				}

				.name_s {
					font-size: 25rpx;
					font-weight: bold;
					margin-right: 20rpx;
					color: #0055ff;

				}

				.course {
					color: #c1c1c1;
					font-size: 22rpx;
					margin-top: 10rpx;
				}

				.course_s {
					color: #ffaa7f;
					font-size: 22rpx;
				}
			}
		}
	}

	/deep/ .good-box {
		height: 60vh;
		padding: 0px 30rpx;
		display: flex;
		flex-direction: column;

		.title {
			color: rgb(184, 184, 184);
			font-size: 30rpx;
			font-weight: 700;
			margin-top: 40rpx;

			.act_s {
				color: #000000;
			}

			.dates {
				color: rgb(136, 136, 136);
				font-size: 30rpx;

				.date-item {
					padding: 30rpx 0 10rpx;
				}

				.active {
					color: rgb(51, 51, 51);
					font-weight: 700;
				}
			}
		}

		.van-radio__label {
			line-height: inherit;
		}

		.good-list {
			flex: 1;
			height: 0;
			overflow: auto;

			.student-list {
				margin-top: 40rpx;
				max-height: 600rpx;
				min-height: 530rpx;

				.student-item {
					background-color: #f3f3f3;
					padding: 50rpx 40rpx;
					border-radius: 20rpx;
					height: 145rpx;

					&+.student-item {
						margin-top: 30rpx;
					}

					.name {
						font-size: 23rpx;
						font-weight: bold;
						margin-right: 20rpx;

					}

					.name_s {
						font-size: 25rpx;
						font-weight: bold;
						margin-right: 20rpx;
						color: #0055ff;

					}

					.course {
						color: #c1c1c1;
						font-size: 22rpx;
						margin-top: 10rpx;
					}

					.course_s {
						color: #ffaa7f;
						font-size: 22rpx;
					}
				}
			}

			.good-item {
				margin-top: 30rpx;

				.info {
					margin-left: 25rpx;

					.address {
						color: #fff;
						padding-top: 20rpx;
						padding-right: 30rpx;
						height: 70rpx;

						&-name {
							font-size: 34rpx;
							font-weight: 700;
							line-height: 34rpx;
						}

						&-desc {
							margin-top: 18rpx;
							font-size: 22rpx;
							line-height: 22rpx;
						}

						.exchange {
							width: 100rpx;
							height: 100rpx;
							border-radius: 50%;
							background-color: rgba(0, 0, 0, 0.2);
							color: rgb(234, 248, 248);
							font-size: 24rpx;
						}
					}

					.name {
						color: rgb(51, 51, 51);
						font-size: 30rpx;
						font-weight: 500;
						margin-bottom: 10rpx;
					}


					.tag {
						color: rgb(4, 179, 90);
						font-size: 24rpx;
						font-weight: 500;
						padding: 0px 10rpx;
						margin-right: 20rpx;
						background-color: rgba(4, 179, 90, 0.2);
						border-radius: 4rpx;

						&:nth-of-type(2) {
							color: rgb(236, 70, 246);
							background-color: rgba(236, 70, 246, 0.2);
						}
					}

					.address {
						margin-top: 10rpx;
						color: rgb(136, 136, 136);
						font-size: 22rpx;
					}
				}

			}
		}

		.footer {
			padding: 20rpx 0;
			background-color: rgb(255, 255, 255);

			.btn {
				color: rgb(255, 255, 255);
				font-size: 30rpx;
				font-weight: 700;
				padding: 20rpx 0;
				text-align: center;
				background-image: linear-gradient(0deg, rgb(99, 93, 247) 0%, rgb(165, 173, 246) 100%);
				border-radius: 60rpx;
			}
		}
	}

	.teaching {
		width: 100%;
		padding: 0px 30rpx;
		display: flex;

		.coachingCenter {
			position: relative;

			.info {
				position: absolute;
				top: 20rpx;
				left: 20rpx;
				color: #fff;
			}

			.title {
				font-weight: bold;
				font-size: 30rpx;
			}

			.desc {
				font-size: 24rpx;
				margin-top: 10rpx;
			}

			.house {
				position: absolute;
				bottom: 20rpx;
				right: 20rpx;
			}
		}

		.scheduleStatistic_s {
			display: flex;
			flex-direction: column;

			.coachSchedule {
				width: 100%;
				height: 50%;
				// margin-bottom: 10rpx;
				position: relative;
				// top: 10rpx;

				&:last-of-type {
					margin-bottom: 0;
				}

				.info {
					position: absolute;
					left: 130rpx;
					top: 55rpx;
					color: rgb(254, 253, 253);

					.title {
						font-weight: bold;
						font-size: 30rpx;
					}

					.desc {
						font-size: 24rpx;
					}
				}

				.calendars {
					position: absolute;
					top: 55rpx;
					left: 20rpx;
				}

				.calendar {
					position: absolute;
					top: 55rpx;
					right: 20rpx;
				}
			}

			.teachingStatistics {
				width: 100%;
				height: 50%;
				position: relative;
				// top: 10rpx;

				.info {
					position: absolute;
					left: 20rpx;
					top: 20rpx;
					color: rgb(254, 253, 253);

					.title {
						font-weight: bold;
						font-size: 30rpx;
					}

					.desc {
						font-size: 24rpx;
					}
				}

				.pie {
					position: absolute;
					bottom: 20rpx;
					right: 20rpx;
				}

			}
		}

		.scheduleStatistics {
			display: flex;
			flex-direction: column;

			.coachSchedule {
				width: 100%;
				height: 50%;
				// margin-bottom: 10rpx;
				position: relative;

				&:last-of-type {
					margin-bottom: 0;
				}

				.info {
					position: absolute;
					left: 20rpx;
					top: 20rpx;
					color: rgb(254, 253, 253);

					.title {
						font-weight: bold;
						font-size: 30rpx;
					}

					.desc {
						font-size: 24rpx;
					}
				}

				.calendar {
					position: absolute;
					bottom: 20rpx;
					right: 20rpx;
				}
			}

			.teachingStatistics {
				width: 100%;
				height: 50%;
				position: relative;

				.info {
					position: absolute;
					left: 20rpx;
					top: 20rpx;
					color: rgb(254, 253, 253);

					.title {
						font-weight: bold;
						font-size: 30rpx;
					}

					.desc {
						font-size: 24rpx;
					}
				}

				.pie {
					position: absolute;
					bottom: 20rpx;
					right: 20rpx;
				}

			}
		}
	}

	/deep/ .van-tab--active {
		font-weight: 700;
		color: rgb(99, 93, 247) !important;
	}

	.con {}

	.dataList {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		padding: 0px 30rpx 10rpx;

		.card {
			width: 100%;
			height: 220rpx;
			padding: 20rpx 20rpx 20rpx 20rpx;
			border-radius: 20rpx;
			margin-top: 30rpx;
			box-shadow: 0px 6rpx 13.16rpx 0.84rpx rgba(23, 106, 180, 0.2);
			position: relative;

			.topBox {
				.label1 {
					color: rgb(255, 255, 255);
					background-color: rgb(252, 57, 227);
					padding: 4rpx 6px 4rpx;
					font-size: 22rpx;
					font-weight: 500;
					border-radius: 5rpx;
				}

				.label2 {
					color: rgb(255, 255, 255);
					background-color: #2f75fa;
					padding: 4rpx 6px 4rpx;
					font-size: 22rpx;
					font-weight: 500;
					border-radius: 5rpx;
				}

				.label3 {
					color: rgb(255, 255, 255);
					background-color: #26cd78;
					padding: 4rpx 6px 4rpx;
					font-size: 22rpx;
					font-weight: 500;
					border-radius: 5rpx;
				}

				.title {
					margin-left: 11rpx;
					color: rgb(51, 51, 51);
					font-size: 30rpx;
					font-weight: 700;
					white-space: nowrap;
				}
			}

			.topBox_class {
				margin-top: 30rpx;

				.label {
					color: rgb(0, 0, 0);
					// background-color: #1aa384;
					padding: 6rpx 8px 6rpx;
					font-size: 24rpx;
					font-weight: 500;
					border-radius: 20rpx;
				}

				.title {
					margin-left: 11rpx;
					color: rgb(51, 51, 51);
					font-size: 24rpx;
					font-weight: 500;
					white-space: nowrap;
				}
			}

			.bottomBox {
				display: flex;
				position: absolute;
				bottom: 30rpx;
				width: 100%;
				left: 0;
				color: rgb(51, 51, 51);
				padding: 0px 20rpx;
				font-size: 20rpx;

				.peopleNum {
					display: flex;
					align-items: center;
					margin-right: 30rpx;

					text {
						margin-left: 10rpx;
					}
				}

				.classNum {
					display: flex;
					align-items: center;
					margin-right: 40rpx;

					text {
						margin-left: 10rpx;
					}
				}

				.classHour {
					display: flex;
					flex-direction: row;
					align-items: center;

					text {
						margin-left: 10rpx;
					}
				}
			}

			.todayDate {
				color: rgb(255, 255, 255);
				font-size: 22rpx;
				font-weight: 500;
				white-space: nowrap;
				background-color: rgb(250, 76, 76);
				padding: 10rpx 10rpx 10rpx;
				position: absolute;
				right: 0;
				top: 30rpx;
				border-radius: 25.5rpx 0px 0px 25.5rpx;
			}

			.go {}
		}
	}

	.classList {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		padding: 0px 30rpx 10rpx;

		.card {
			width: 100%;
			height: 250rpx;
			padding: 29rpx 0 30rpx 20rpx;
			border-radius: 20rpx;
			margin-top: 30rpx;
			box-shadow: 0px 6rpx 13.16rpx 0.84rpx rgba(23, 106, 180, 0.2);
			position: relative;
			background-color: #f3f3f3;

			.topBox {
				.label {
					color: rgb(0, 0, 0);
					background-color: rgb(252, 57, 227);
					padding: 4rpx 6px 4rpx;
					font-size: 24rpx;
					font-weight: 500;
					border-radius: 5rpx;
				}

				.title {
					margin-left: 11rpx;
					color: rgb(51, 51, 51);
					font-size: 24rpx;
					font-weight: 500;
					white-space: nowrap;
				}
			}

			.topBox_class {
				margin-top: 30rpx;

				.label {
					color: rgb(255, 255, 255);
					// background-color: #1aa384;
					padding: 6rpx 8px 6rpx;
					font-size: 24rpx;
					font-weight: 500;
					border-radius: 20rpx;
				}

				.title {
					margin-left: 11rpx;
					color: rgb(51, 51, 51);
					font-size: 24rpx;
					font-weight: 500;
					white-space: nowrap;
				}
			}

			.bottomBox {
				display: flex;
				position: absolute;
				bottom: 30rpx;
				width: 100%;
				left: 0;
				color: rgb(51, 51, 51);
				padding: 0px 20rpx;
				font-size: 20rpx;

				.peopleNum {
					display: flex;
					align-items: center;
					margin-right: 30rpx;

					text {
						margin-left: 10rpx;
					}
				}

				.classNum {
					display: flex;
					align-items: center;
					margin-right: 40rpx;

					text {
						margin-left: 10rpx;
					}
				}

				.classHour {
					display: flex;
					flex-direction: row;
					align-items: center;

					text {
						margin-left: 10rpx;
					}
				}
			}

			.todayDate {
				color: rgb(255, 255, 255);
				font-size: 22rpx;
				font-weight: 500;
				white-space: nowrap;
				background-color: rgb(250, 76, 76);
				padding: 10rpx 10rpx 10rpx;
				position: absolute;
				right: 0;
				top: 30rpx;
				border-radius: 25.5rpx 0px 0px 25.5rpx;
			}

			.go {}
		}
	}
</style>